<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>share</title>
    <link type="text/css" rel="stylesheet" href="../../../c/base/base.css"/>
    <link href="../../../c/themes/night/style.css" rel="stylesheet" type="text/css"/>
    <link type="text/css" rel="stylesheet" href="../c/style.css"/>
</head>
<body>
<!--[if lte IE 6]>
<div id="scrollWrap">
<![endif]-->
<div id="page">
    <div id="pageMid">
        <div id="pageInt">
            <div id="pageBd">
                <div id="pageBdInt">
                    <!-- Page Body Start -->
                    <div id="canvas-app" class="canvas">
                        <div id="canvas-appInt">
                            <!-- Canvas Start -->
                            <div id="app-share" class="app-share">
                                <div class="appHead">
                                    <h2><img class="icon i-share" title="分享" alt="分享" src="http://sns.sohu.com/r/i/space.gif"/>分享</h2>
                                </div>
                                <div class="appBody">
                                    <hr class="line-solid"/>
                                    <div class="appContent" id="">
                                        <div class="lay lay-mAuto-s200">
                                            <div class="layInt">
                                                <div class="colMain">
                                                    <div class="shareBox">
                                                        <h3>共有132个分享</h3>
                                                        <ul class="shareList">
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-blog"/>分享了日记</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享日志 -->
                                                                    <div class="shareBlog">
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <div>来自：<a href="#">刘德华</a></div>
                                                                        <p>这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容</p>

                                                                        <div class="quote"><span>怪兽来啦，召唤关寿</span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享日志 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-album"/>分享相片专辑</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享相册 -->
                                                                    <div class="shareAlbum">
                                                                        <div class="albumItem">
                                                                            <div class="albumCover"><a title="专辑描述" href="#"><img alt="专辑标题" class="photo-130"
                                                                                                                                  src="http://1811.img.pp.sohu.com.cn/images/2008/5/11/1/1/11a78394e35.jpg"/></a>
                                                                            </div>
                                                                            <div class="albumInfo">
                                                                                <h5><a title="好看的壁纸" href="#">好看的壁纸</a> (43)</h5>
                                                                            </div>
																			<ul class="albumSample"> 
																				<li><a title="" href="/app/album/list/photo.do?u=10904&amp;aid=21601&amp;pid=14506"><img src="http://10.10.82.52/alumb/2009/03/04/10/12/11fcf40e7e8_3.jpg" class="photo-50"/></a></li> 
																				<li><a title="" href="/app/album/list/photo.do?u=10904&amp;aid=21601&amp;pid=14507"><img src="http://10.10.82.52/alumb/2009/03/04/10/12/11fcf40e7e9_3.jpg" class="photo-50"/></a></li> 
																				<li><a title="" href="/app/album/list/photo.do?u=10904&amp;aid=21601&amp;pid=14508"><img src="http://10.10.82.52/alumb/2009/03/04/10/12/11fcf40e7ea_3.jpg" class="photo-50"/></a></li> 
																			</ul>

                                                                        </div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a>
                                                                    </div>
                                                                    <!-- 分享相册 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-photo"/>分享了照片</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享照片 -->
                                                                    <div class="sharePhoto">
                                                                        <a title="照片名称" href="#"><img alt="照片名称" class="photo-130 fix"
                                                                                                      src="http://1811.img.pp.sohu.com.cn/images/2008/5/11/1/1/11a78394e35.jpg"/></a>
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <div>照片专辑：<a href="#">刘德华的生活</a></div>
                                                                        <div>来自：<a href="#">刘德华</a></div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享照片 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-music"/>分享了音乐</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享音乐 -->
                                                                    <div class="shareMusic">
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <div class="musicBar"></div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享音乐 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-video"/>分享了视频</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享视频 -->
                                                                    <div class="shareVideo">
                                                                        <a title="视频名称" href="#" class="playLink"
                                                                           style="background-image:url(http://1811.img.pp.sohu.com.cn/images/2008/5/11/1/1/11a78394e35.jpg)"><span
                                                                                class="play"></span></a>
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <div class="meta">http://www.youku.com/id1534234/ka...</div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享视频 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon"/>分享了网址</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享网址 -->
                                                                    <div class="shareWeb">
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <div><a href="#">http://www.youku.com/id1534234/ka...</a></div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享网址 end -->
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <div class="shareTitle">
                                                                    <div class="title"><img src="http://sns.sohu.com/r/i/space.gif" class="icon i-app"/>分享了应用</div>
                                                                    <div class="tool"><a title="删除" class="icon i-del" href="#">删除</a></div>
                                                                    <div class="meta">2009-10-25 15:33</div>
                                                                </div>
                                                                <div class="shareContent">
                                                                    <!-- 分享应用 -->
                                                                    <div class="shareApp">
                                                                        <a href="#"><img src="http://1811.img.pp.sohu.com.cn/images/2008/5/11/1/1/11a78394e47.jpg"
                                                                                         class="photo-130"/></a>
                                                                        <h4><a href="#">这里是标题</a></h4>

                                                                        <p>这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容这里是内容</p>

                                                                        <div>分类：<a href="#">刘德华</a></div>
                                                                        <div class="quote">怪兽来啦，召唤关寿<span></span></div>
                                                                        <a href="#">评论(2)</a></div>
                                                                    <!-- 分享应用 end -->
                                                                </div>
                                                            </li>

                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="colSub">
                                                    <div class="mod">
                                                        <div class="mDc">
                                                            <span class="tl"></span>
                                                            <span class="tr"></span>
                                                            <span class="br"></span>
                                                            <span class="bl"></span>
                                                        </div>
                                                        <div class="mCt">
                                                            <div class="mHd">
                                                                <h3>分享网址、音乐、视频：</h3>
                                                                <input type="text" class="text"/>
                                                                <span class="button button-main"><span><button class="button" type="button">分享</button></span></span>
                                                            </div>
                                                            <div class="mBd">
                                                                <h3>添加浏览器按钮更方便</h3>
                                                                <span class="button"><span><button class="button" type="button">分享至搜狐SNS</button></span></span>

                                                                <p class="meta">将此按钮，滑动至浏览器快件标签，可以更方便</p>

                                                                <p><a href="#">详细了解如何使用&gt;&gt;</a></p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Canvas End -->
                        </div>
                    </div>
                    <!-- Page Body End -->
                </div>
            </div>
        </div>
    </div>
</div>
<!--[if IE 6]>
</div>
<![endif]-->
</body>
</html>
<!--临时JS-->
<script>
    function toggle(ele) {
        ele = $(ele);
        //ele.style.display = ele.style.display=='none'?'block':'none';
        ele.style.display = ele.style.display != 'none' ? 'none' : '';
    }
    function $(id) {
        return document.getElementById(id);
    }

    function cBg(e) {
        e.className = 'cur';
    }
    function clBg(e) {
        e.className = '';
    }

    function ftag(obj, id) {
        selectMenu(obj);
        for (i = 1; i < 4; i++) {
            j = $("tC_" + i);
            j.style.display = 'none';
        }
        $("tC_" + id).style.display = '';
    }
    function selectMenu(obj) {
        var lia = $("selectUpdate").getElementsByTagName("li");
        var lialen = lia.length;
        for (i = 0; i < lialen; i++) {
            if (lia[i].className == "on")
                lia[i].className = "";
        }
        obj.className = "on";
    }

    function tagBg(e) {
        if (e.className != 'on') {
            e.className = 'mOver';
        }
    }
    function clTagBg(e) {
        if (e.className != 'on') {
            e.className = '';
        }
    }
</script>